@import "../base";
/************************************************************************/
/************************************************************************/
/** 右侧主体 表单 **/
.form-con {
	padding: 24px;
	.bg();
}

.form-insert1 {
	form {
		>div { margin: 28px 0; .pr;
			>span {
				.diA(30%); .lh(18px); .center(right); .mr(1.5%); padding: 6px 0; .cb85;
			}
			//初始化
			input,textarea,select {
				.diA(40%,30px); .lh(32px); .cb75; padding: 0 30px 0 10px; outline: none; .border(#D9D9D9); .bradius(3px); .boxs;
			}
			input:focus,textarea:focus,select:focus { box-shadow: 0 0 5px #ccc; }

			select,option {
				appearance: none;
                -webkit-appearance: none;
                -moz-appearance: none;
			}
			option::-ms-expand{ display: none; }
			option { .c(#616161); border: none; }
		}
		//多行文本
		.form-textarea { textarea { height: 92px; .lh(30px); } }
		//提交按钮
		.form-btn { 
			input { .wh(66px,32px); .lh(30px); .bg(); .mr(14px); .pi; padding: 0; } 
			.form-btn-button { .bg(#1890FF);  .c; .cw100; border-color: #1890FF; }
			.form-btn-button-ban { .cw65; }
			.form-btn-next { .wh(140px,40px); .lh(40px); .fzz(16px); .mt(20px);  .bg(#1890FF);  .c; .cw100; border-color: #1890FF; }
		}
		//下拉菜单
		.font-select > input { .pi; 
			background: url() no-repeat right center;
		} 
		.font-menu { 
			overflow-y: scroll; display: none; .pa; top: 100%; left: 31.5%; width: 40%; height: 162px; .bg(); .border(#D9D9D9); .bradius(3px); z-index: 99; .boxs;
			li { display: block; height: 32px; .lh(32px); .onewrap; .pi; .pal(10px;); .transition(.1s); .cb85; }
			li:hover { .bg(#ebebeb); }
			li:last-child { box-shadow: 0 -1px 0 0px #000 inset; }
		}
		.font-menu-tk { width: 55%; }
		//上传配图 & 部分选择房源
		.form-pic,.form-house {
			display:inline-block; width: 40%; 
			.form-pic-click,.form-house-click { display: inline-block; .pr; .wh(172px,92px); .mr(20px); .border(#D9D9D9,1px,dashed); .pi;
				a { .diA; }
				span {   display: inline-block; text-align: center; width: 100%; .pa; top: 50%; .mt(-10px); .cb45; .fzz(16px); }
			}
			.form-pic-upload {
				vertical-align: top; .mt(20px); 
				img { .wh(172px,92px); vertical-align: top; .mr(20px); .mb(20px); }
			}
		}
		//选择房源
		.form-house {
			.form-house-upload {
				width: 100%; margin: 10px 0;
				li { margin: 7px 0; padding: 3px; .border(transparent); background-position: right center; .transition(); .pi; .bradius(3px); display: inline-block; width: 45%; span:first-child { .mr(10px); } }
				li:hover { .border(red); 
					.bgR("");
				}
			}
		}
		//时间框背景小图标
		.form-time {
			input { 
				.bgR("");
			}
		}
		//特殊时间样式
		.form-time-special {
			.diA(40%,30px); .lh(32px); .cb75; padding: 0 30px 0 10px;  .border(#D9D9D9); .bradius(3px); .boxs; .center;
			input { .center; outline: none; border: none; width: 40%; padding: 0; height: auto; .lh(28px); }
			input:focus { box-shadow: 0 0 0 0; }
			span { .fzz(20px); .cb65; }
			.bgR("");
		}
		//单选框
		.form-radio {
			display:inline-block;  .cb65; line-height: 32px; .mr(30px); //width: 40%;
			input { .wh(14px,14px); padding: 0; .border(#D9D9D9); .bradius; .mt(10px); .mr(8px); -webkit-appearance: none; .pr; .pi; }
			input:checked { .border(#1890FF); .pr; } 
			input:checked:after { content: ''; .pa; top: 50%; left: 50%; .transform(translate(-50%,-50%)); .wh(8px,8px); .bradius; .bg(#1890FF); } 
			input:not(:first-child) { .ml(20px); }
			input:focus { box-shadow: none; }
		}
		//普通页面 div
		.form-normal-div {
			width: 55%; display: inline-block;
			span { .lh(18px); display: inline-block; padding: 6px 0; .cb85; }
			.house-style { padding: 0 6px; }
		}
		//弹框 div
		.form-frame-div { width: 55%; display: inline-block; vertical-align: top; padding: 6px 0; .cb65; }
		//上传
		.form-upload {
			display: inline-block; vertical-align: top; padding: 0 15px; .lh(28px); .border(#D9D9D9); .cb65; .center; .bradius(4px);
			.pr; .pi; max-width: 170px; .onewrap;
			input { padding: 0; .pa; .diA; top: 0; left: 0; opacity: 0; .pi; .lh(normal); }
		}
		//支付和二维码
		.form-pay-div { 
			width: 55%; display: inline-block; .cb65;
			i { .mr(5px); }
			.form-zf-tdc { margin: 10px 0; .wh(160px,160px); img { .wh; } }
			strong { .fzz(24px); padding: 0 10px; font-family: Helvetica; }
		}
		//其他样式
		.form-spec-1 { padding: 6px 0; }
		//
		.form-small-input { display: inline-block; width: 55%; .lh(30px); input { padding: 0 5px; width: 12% !important; .mr(10px); } }
	}
	//支付状态
	.form-pay-status {
		 width: 90%; .ma; padding: 30px; .center;
		 i { display: inline-block; .wh(100px,100px); }
		 .f-zf-notice1 { .fzz(24px); .cb85; .fw(500); }
		 .f-zf-notice2 { .cb45; padding: 9px 0; }
		 .form-pay-succ { .bgC(""); }
		 .form-pay-notice { .bgC(""); }
	}
}

